<template>
  <div class="all">
    <div class="head">
      <div class="ahead">
        <ul aheadLt>
          <li v-for="button in headButtons" :key="button.class">
            <a :href='button.url'>{{button.title}}</a>
          </li>
        </ul>

        <ul class="aheadRt">
          <li>
            <a href="#">注册</a>
          </li>
           <li>
            <a href="#">登陆</a>
          </li>
           <li>
            <a href="#">下载豆瓣客户端</a>
          </li>
        </ul>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      content: '',
      headButtons: [
        { url: '/movies', title: '影视', class: 'link_movie' },
        { url: '/musics', title: '音乐', class: 'link_music' },
        { url: '/books', title: '读书', class: 'link_book' }
        // { url: '/games', title: '游戏', class: 'link_movie' },
        // { url: '/lives', title: '生活', class: 'link_movie' }
      ]
    }
  },
  methods: {
    search () {
      console.log('shousou')
    }
  }
}
</script>

<style lang="scss">

</style>
